<template>
  <div class="about">
    <h1>搜索关键字是{{ title }}</h1>
    <ul>
      <li v-for="(item, index) in list" :key="index">{{ item.title }}</li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {
      title: this.$route.query.title,
      list: [
        { title: "今晚的月色真美" },
        { title: "lol之夜1111" },
        { title: "lol之夜2222" },
        { title: "微博之夜2222" },
        { title: "微博之夜2222333" },
        { title: "微博之夜2222444" },
        { title: "摩尔庄园之夜2222444" },
      ],
    };
  },
  mounted() {
    this.list = this.list.filter((item) => {
      return item.title.includes(this.title);
    });
  },
};
</script>
